@import "../mixin.less";

.el-dialog {
  border-radius: 3px !important;
  overflow: hidden !important;

  .el-dialog__header {
    border-bottom: 1px solid #efefef;
    background-color: @md-primary-color;
    padding: 10px 20px !important;

    .el-dialog__title {
      color: #fff;
      font-size: 16px;
    }

    .el-dialog__headerbtn {
      top: 10px !important;

      i {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
      }
    }
  }

  .el-dialog__footer {
    border-top: 1px solid #efefef;
  }
}

.md-import-student-dialog {
  .el-dialog__body {
    .exit-list {
      width: 100%;
      height: 500px;
      box-sizing: border-box;
      overflow-x: hidden;
      overflow-y: auto;
      .scroll-bar(5px, 10px);

      .exit-list-item {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ececec;
        padding: 10px 0px;

        p {
          &:first-child {
            flex: 1;
          }

          &:last-child {
            padding-right: 10px;
          }
        }
      }
    }
  }
}

@media (max-width: 768px) {
  .el-dialog {
    width: 90% !important;
  }
}